<template>
	<view class="container">
	  <view class="userinfo">
	      <view class="title">
	        <text>门店信息</text>
	      </view>
	      <view class="row">
	        <view class="label">店铺名称</view>
	        <view class="controls">
	          <text class="txt" user-select>{{info.role_name}}</text>
	        </view>
	      </view>
	      <view class="row">
	        <view class="label">所在地区</view>
	        <view class="controls"><text user-select>{{info.region.province}}{{info.region.city}}{{info.region.region}}</text></view>
        </view>
        <view class="row" >
          <view class="label">详细地址</view>
          <view class="controls"><text user-select>{{info.detail}}</text></view>
        </view>
	      <view class="row">
	        <view class="label">联系电话</view>
	        <text class="controls" user-select>{{info.store_tel}}</text>
	      </view>
	      <view class="row">
	        <view class="label">联系人</view>
	        <text class="controls" user-select>{{info.store_nickname}}</text>
	      </view>
	    </view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
        // 当前运行的终端 (此处并不冗余,因为微信小程序端view层无法直接读取$platform)
        $platform: this.$platform,
        // 正在加载
        isLoading: true,
        //门店信息
				info: {}
			};
		},
    onLoad() {
      this.info = this.$store.state.app.store
      console.log(this.info)
      this.isLoading = false
    }
	}
</script>

<style lang="scss" scoped>
.userinfo {
  background-color: #fff;
  padding: 30rpx 30rpx 0;
}
.userinfo .title{
  font-size: 26rpx;
  font-weight: 400;
  line-height: 36rpx;
  color: #666262;
  padding-bottom: 20rpx;
}
.userinfo .row{
  padding: 20rpx 0;
  display: flex;
  align-items: center;
}
.userinfo .row + .row {
  border-top: 1px solid #f6f6f6;
}
.userinfo .row .label{
  line-height: 70rpx;
  width: 200rpx;
  color: #999;
  font-size: 28rpx;
}
.userinfo .row .controls{
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  font-size: 28rpx;
}
.userinfo .row .controls .avatar{
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12rpx;
}
.userinfo .row .controls .txt{
  font-size: 28rpx;
  color: #000;
  line-height: 42rpx;
  font-weight: 500;
}
.userinfo .row .controls .ico-left{
  transform: scale(-1);
  color: #999;
  margin-left: 18rpx;
}
</style>
